<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>百度后台</title>
    <style media="screen">
        .content {
            width: 1800px;
            margin: 0 auto;
        }
        
        .antr {
            /*height: 0px;*/
            transform: scale(1);
            /*border: 1px solid #000;*/
            transition: all 1s ease;
        }
        
        .delete {
            /*background-color: red;*/
            /*height: 0px;*/
            transform: scale(0);
        }
    </style>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>

<body>
    <div class="content">
        <div class="container-fluid">
            <!-- 第一行 -->
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3>百度后台新闻管理</h3>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第二行 -->
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4>新闻发布器</h4>
                        </div>
                        <div class="panel-body" id="allnesid">
                            <!-- <form class="" action="index.html" method="post"> -->
                            <!-- 新闻标题 -->
                            <div class="form-group">
                                <label for="newstitle">新闻标题</label>
                                <input type="text" class="form-control" id="newstitle" placeholder="请输入新闻标题">
                            </div>
                            <!-- 新闻正文 -->
                            <div class="form-group">
                                <label for="newscontent">新闻内容</label>
                                <textarea class="form-control" rows="3" id="newscontent"></textarea>
                            </div>
                            <!-- 新闻图片来源 -->
                            <div class="form-group">
                                <label for="newsimg">新闻图片来源</label>
                                <input type="text" class="form-control" id="newsimg" placeholder="请输入图片来源">
                            </div>
                            <!-- 新闻地址 -->
                            <div class="form-group">
                                <label for="newurl">新闻地址</label>
                                <input type="text" class="form-control" id="newsurl" placeholder="请输入新闻地址">
                            </div>
                            <!-- 新闻日期 -->
                            <div class="form-group">
                                <label for="newdata">新闻日期</label>
                                <input type="date" class="form-control" id="newsdata" placeholder="">
                            </div>
                            <!-- 新闻标签 -->
                            <div class="form-group">
                                <label for="newtag">新闻标签</label>
                                <select class="form-control " id="newsstyle">
                            <option>精选</option>
                            <option>生活</option>
                            <option>文化</option>
                            <option>娱乐</option>
                            <option>社会</option>
                            <option>社会</option>
                            <option>军事</option>
                          </select>
                            </div>
                            <button class="btn btn-primary sss" id="submitbtn">提交</button>
                            <!-- </form> -->
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" id="myModalLabel">警告</h4>
                                        </div>
                                        <div class="modal-body">
                                            是否删除该选项！
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">NO</button>
                                            <button type="button" class="btn btn-primary" id="btn-q" data-dismiss="modal">YES</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4>新闻列表</h4>
                        </div>
                        <div class="panel-body">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>新闻编号</th>
                                        <th>新闻标题</th>
                                        <th>新闻时间</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>

                                <tbody id="newsdata">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="./javascripts/admin.js" charset="utf-8"></script>
    <script type="text/javascript">
        // <script type="text/javascript">
        !(function(doc, win) {
            var docEle = doc.documentElement,
                evt = "onorientationchange" in window ? "orientationchange" : "resize",
                fn = function() {
                    var width = body.clientWidth;
                    width && (body.style.fontSize = 14 * (width / 320) + "px");
                };

            win.addEventListener(evt, fn, false);
            doc.addEventListener("DOMContentLoaded", fn, false);

        }(document, window));
        //
    </script>
    </script>


</body>

</html>